<template>
  <section>
    <el-collapse v-model="control.collapse">

      <el-collapse-item title="基础设置" name="1">
        <xcchart_base_xctitle v-if="activeData.xcchart_base_xctitle&&activeData.xcchart_base_xctitle._setting_!==false"
          v-model="activeData.xcchart_base_xctitle" />
      </el-collapse-item>

      <el-collapse-item title="数据属性" name="2">
        <xcchart_data_dim v-if="activeData.xcchart_data_dim&&activeData.xcchart_data_dim._setting_!==false"
          v-model="activeData.xcchart_data_dim" />
        <xcchart_data_facts v-if="activeData.xcchart_data_facts&&activeData.xcchart_data_facts._setting_!==false"
          v-model="activeData.xcchart_data_facts" />
      </el-collapse-item>

      <el-collapse-item title="排版设置" name="3">
        <xcchart_layout_innerspan
          v-if="activeData.xcchart_layout_innerspan&&activeData.xcchart_layout_innerspan._setting_!==false"
          v-model="activeData.xcchart_layout_innerspan" />
        <xcchart_layout_span v-if="activeData.xcchart_layout_span&&activeData.xcchart_layout_span._setting_!==false"
          v-model="activeData.xcchart_layout_span" />
      </el-collapse-item>

    </el-collapse>
  </section>
</template>

<script>
  export default {
    props: {
      activeData: {
        type: Object,
        default: null
      },
    },
    data() {
      return {
        sp: {},
        sr: {},
        control: {
          collapse: ['1', '2', '3']
        }
      }
    },
    created(options) {
      let that = this;
      that.xinit();
    },
    methods: {
      xinit() {
        let that = this;
      },
    }
  }
</script>

<style>
  .el-form-item__label {
    line-height: 1px !important;
  }
</style>
